<div>
  <nz-modal
    [(nzVisible)]="isVisible"
    [nzTitle]="modalTitle"
    [nzContent]="modalContent"
    nzCentered
    [nzFooter]="modalFooter"
    nzClosable=false
  >
    <ng-template #modalTitle>{{title}}</ng-template>

    <ng-template #modalContent>
      <div style="display: flex;flex-direction: column;justify-content: center;align-items: center">
        <div>
          请使用微信扫码，签署合同
        </div>
        <div>
          <img width="200" height="200" src="assets/img/contract.png" alt="">
        </div>
        <div>
          如签署成功后，请点击确认
        </div>
      </div>
    </ng-template>

    <ng-template #modalFooter>
      <div style="text-align: right">
        <button nz-button (click)="closeModal()">取消</button>
        <button nz-button nzType="primary" (click)="affirm()">确认签署</button>
      </div>
    </ng-template>

  </nz-modal>
</div>
